<div class="flexslider mainslider">    
  <ul class="slides">
     {% for slide in sliders%}
    <li>
      <div class="onlyPhotoContainer">
        <div class="container leftDown">
          <a href="{{slide.url}}"><img src="{{slide.image}}" alt="{{slide.title}}" class="easyFrame flat"></a>
          {% if slide.has_text == 1 %}
          <div class="box-mainslider">
            <h3>{{slide.text_title}}</h3>
            <p>
              {{ slide.text_body }}
              <a class="box-click" href="{{slide.text_url}}">click here</a>
            </p>            
          </div>
          {% endif %}
        </div>
        <!-- / container -->
      </div>
    </li>
    {% endfor %}

  </ul>
</div>
<!--  onlyPhoto mainslider -->

<div class="bgnavmainslider">
  <div class="container">
    <div class="flexslider navmainslider">
      <ul class="slides">
        {% for slide in sliders%}
        
            <li>
                
                {{slide.title}}
                        
            </li>
            
        
        {% endfor %}
          
      </ul>
    </div>
    <!--  flexslider navmainslider -->
  </div>
  <!-- / container -->
</div>
<!-- / bgnavmainslider -->